<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<html lang="zh-cn">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>${projectTitle }</title>
	<link href="${webroot}/static/plugins/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
	<link href="${webroot}/static/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
	<link href="${webroot}/static/plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
	<link href="${webroot}/static/plugins/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css" rel="stylesheet"/>
	<link rel="stylesheet" href="${webroot}/static/css/reset.css">
	<link href="${webroot}/static/css/admin.css" rel="stylesheet"/>
	<style>
	/** skins **/
	#zheng-upms-server .content_tab{background: #f5f5f5;}
	#zheng-upms-server .s-profile>a{background: url(${webroot}/static/images/zheng-upms.png) left top no-repeat;}
		.news{
			position: fixed;
			right: -70px;
			bottom: 40px;
			width: 100px;
			height:70px;
			background: url(${webroot}/static/images/speaker1.png) no-repeat left center;
			background-size:70px 70px !important;
			transition:'right 2s'
		}

		.news:hover{
			right: 0px;
		}
		#logo{
			background: url(${webroot}/static/images/headLogo.png) no-repeat;
			position: relative;
		}
		.opeBankName{
			position: absolute;
			bottom: 12px;
			left: 30px;
			width: 150px;
			height: 20px;
			padding: 0 10px;
			font-size: 12px;
			color: #38B7EA;
			line-height: 20px;
			background-image: url(${webroot}/static/images/logoInput.png);
			cursor: pointer;
			overflow: hidden;
		}
	/*.news im{*/
		/*width: 100%;*/
		/*height: 100%;*/
	/*}*/
	</style>
</head>
<body ng-app="myIndex" ng-controller="IndexCtrl">
<input id="webroot" type="hidden" value="${webroot}">
<script >
	var webroot=document.getElementById("webroot").value;
</script>
<!-- 全局modal start -->
<div class="modal fade" id="commonUseModal" tabindex="-999" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
	    <div class="modal-content" id="modal-content-head" style="width:700px;height:430px;overflow-y: auto;"></div>
	</div>
</div>
<!-- 全局modal end -->
<header id="header">
	<ul id="menu">
		<li id="guide" class="line-trigger" style="padding:32px 0;">
			<div class="line-wrap">
				<div class="line top"></div>
				<div class="line center"></div>
				<div class="line bottom"></div>
			</div>
		</li>
		<li id="logo" class="hidden-xs">
			<%-- <img src="${webroot}/static/images/headLogo.png" alt="" style="cursor: pointer" onclick="goBackIndex()"> --%>
			<span class="opeBankName" onclick="goBackIndex()">${opeBankName }</span>
		</li>
		<li class="fl">

			<ul class="dm-icon pull-right switch-systemsUl" style="min-width: 140px;">
				<li ng-repeat="item in title" class="fl header-first-title" repeat-finish="renderFinish()" style="cursor: pointer">
					<a ng-click="handlerTitle()" class="switch-systems" href="javascript:;" systemid={{item.id}} systemname="zheng-upms-server" systemtitle={{item.name}}>{{item.zhName}}</a>
				</li>
			</ul>
		</li>
		<li>
		</li>
		<li class="pull-right systems-Role">
			<p><span>所属角色: </span><font style="color:deepskyblue">${systemRole.zhName}</font></p>
			<p><span>登录名: </span><font style="color:deepskyblue">${user.loginName}</font></p>
			<p><span>上次登录时间: </span><font style="color:deepskyblue"><fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss" value="${user.lastLoginTime}" /></font></p>
		</li>
		<li class="dropdown pull-right hi-menu">
			
			<a class="waves-effect waves-light" data-toggle="dropdown" href="javascript:;">
				<i class="system-kinds"></i>
			</a>
			<ul class="dropdown-menu dm-icon pull-right">
				<li class="hidden-xs">
					<a class="waves-effect" data-ma-action="fullscreen" href="javascript:fullPage();"><i class="zmdi zmdi-fullscreen"></i> 全屏模式</a>
				</li>
				<li>
					<a class="waves-effect" data-ma-action="clear-localstorage" href="javascript:;"><i class="zmdi zmdi-delete"></i> 清除缓存</a>
				</li>
				<li>
					<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-face"></i> 隐私管理</a>
				</li>
				<li>
					<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-settings"></i> 系统设置</a>
				</li>
				<li>
					<a class="waves-effect" href="${webroot}/logOut"><i class="zmdi zmdi-run"></i> 退出登录</a>
				</li>
			</ul>
		</li>
	</ul>
</header>
<section id="main">
	<!-- 左侧导航区 -->
	<aside id="sidebar">
		<!-- 菜单区 -->
		<ul class="main-menu">
			<li>
				<a class="waves-effect" ng-click="addTab('首页', 'home');"><i class="zmdi zmdi-home"></i> 首页</a>
			</li>
			<li ng-repeat="ite in ChildrenTitle" class="sub-menu system_menus" ng-class='{{"system_" + ite.id }}'>
					<a class="waves-effect" ng-click="addTab(ite.zhName, ite.url)"><i class="zmdi zmdi-collection-text"></i> {{ ite.zhName }}</a>
				<ul>
					<li ng-repeat="it in ite.children"><a class="waves-effect" ng-click="addTab(it.zhName, it.url)">{{it.zhName}}</a></li>
				</ul>
			</li>

		</ul>
		<!-- /菜单区 -->
	</aside>
	<!-- /左侧导航区 -->
	<section id="content">
		<div class="content_tab">
			<div class="tab_left">
				<a class="waves-effect waves-light" href="javascript:;"><i class="zmdi zmdi-chevron-left"></i></a>
			</div>
			<div class="tab_right">
				<a class="waves-effect waves-light" href="javascript:;"><i class="zmdi zmdi-chevron-right"></i></a>
			</div>
			<ul id="tabs" class="tabs">
				<li id="tab_home" data-index="home" data-closeable="false" class="cur">
					<a class="waves-effect waves-light">首页</a>
				</li>
			</ul>
		</div>
		<div class="content_main">
			<div id="iframe_home" class="iframe cur">
				 <div class="welcomeToreyinhuaxin">
					<img class="logo" src="${webroot}/static/images/welcome.png" alt="">
					<div class="bgCloud">
						
					</div>
				</div>
			</div>
		</div>
<!-- 		<div class="news"> -->
<!-- 		</div> -->
	</section>
</section>
<footer id="footer"></footer>
<script src="${webroot}/static/plugins/jquery.1.12.4.min.js"></script>
<script src="${webroot}/static/plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
<script src="${webroot}/static/plugins/waves-0.7.5/waves.min.js"></script>
<script src="${webroot}/static/plugins/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
<!--右击菜单插件-->
<script src="${webroot}/static/plugins/BootstrapMenu.min.js"></script>
<!--检测设配平台，操作系统的设备-->
<script src="${webroot}/static/plugins/device.min.js"></script>
<!--翻页插件-->
<script src="${webroot}/static/plugins/fullPage/jquery.fullPage.min.js"></script>

<script src="${webroot}/static/plugins/fullPage/jquery.jdirk.min.js"></script>
<!--jq使用cookie插件-->
<script src="${webroot}/static/plugins/jquery.cookie.js"></script>
<script src="${webroot}/static/plugins/angular/angular-1.5.8/angular.min.js"></script>
<!--模态框-->
<script src="${webroot}/static/plugins/jquery-confirm/jquery-confirm.min.js"></script>
<!--主页js-->
<script src="${webroot}/static/js/admin.js"></script>
<script>
	/* function goBackIndex(){
		window.top.location.href=webroot+"/admin/welcome";
	} */
	var commonEntity;
	function goBackIndex(){
		
		var pageUrl = webroot+"/admin/bankorgdevice/openbankorgdevicecheckboxlist";
		var entityObject = null;
		var width = "850";
		var height = "900";
		if(width == "" || height == "" || width == undefined || height == undefined){
			width="700px";
			height="430px";
		}
		$("#commonUseModal").modal({
			remote: pageUrl,//可以填写一个url，会调用jquery load方法加载数据
			keyboard: true, 
			backdrop: 'static', //static(false情况) 背景下, 点击对话框外的区域不会关闭对话框,true时，显示对话框的遮蔽背景，鼠标点击背景即可关闭对话框,为false时，无背景
			show: false
		});
		$("#modal-content-head").css({width:width,height:height});
		commonEntity = entityObject;
		$("#commonUseModal").modal('show');
	}
	
</script>
</body>
</html>